node.js规范====common.js规范    ===一本书====游戏规则
导入   require()
到处   exports   ||   module.exports=obj

前端======webpack===common.js规范

前端的导入和到处  
import  
export=======es6


export  default  =====导出===只能导出一次====类型可以是对象+函数
    ======一句话：在某一个文件中 export  default   有且只能出现一次

import  ====导入 =====import  导入的名称   from  '路径'

export  ====导出=====可以出现多次===
    ======使用export暴露出来的对象==
            1、导入的时候需要使用 {}
            2、名称必须和暴露出来的名称一致，如果要名称就得使用  ====== 名称  as 别名

demo=====
    1、使用的是 export 暴露
        暴露：m1.js=====  export   let   aa=10
        导入：m2.js=====  import  { aa }  from  './m1.js' 或者   import  {aa as  aa2 }  from  './m1.js'

    2、使用的是 export default 暴露
        暴露：m3.js=====   export  default  let  bb=20
        导入：m4.js=====   import  qq  from  './m3.js'

    3、一般直接执行的文件可以直接导入即可====
        import  "./m5.js"  
        import  "./m6.js"  
        import  "./m6.css"  
    4、同时导入多个暴露的对象并且暴露的方式不同
        import m1, { s1, s2 as ss2, say } from './m1.js'
        说明：
            1、m1【是自己起的名称】+ m1这个对象是使用 export  default暴露出来的
            2、{ s1, s2 as ss2, say }=====m1.js文件中使用export 暴露出来了s1 ,s2 ,say三个对象
            3、s2 as  ss2=====将./m1.js中暴露于出来的s2重新命名

一句话记住特性：
    1、export default  出现一次  
    2、export出现多次
    3、export default   导入名称可以自己起
    4、export 导入名称不能起   必须使用{}包裹，若非要重新定义定义名称 需使用as 


webpack====配置步骤：
1、创建一个webpack的项目
2、初始化一个包   npm init  -y
3、新建一个  src 
    4、新建index.html +index.js
    5、index.html====编写结构
    6、index.js======导入jquery  +  编写隔行变色代码  +  下载jquery

7、下载  webpack  +  webpack-cli    ====npm  i  webpack    webpack-cli   -S
8、创建一个 webpack.config.js
    9、暴露对象  module.exports={mode:'development'}

10、package.json====="dev": "webpack"
11、npm   run  dev=====就会自动打包生成一个dist文件
12、在index.html中引入 dist中的main.js

